<!--
 * @: 
 * @Version: 1.0
 * @Autor: ziwei
 * @Date: 2022-02-28 09:45:11
 * @LastEditors: ziwei
 * @LastEditTime: 2022-03-09 17:30:02
-->
<template>
  <div>
    <h1>Dashboard page</h1>
    缓存测试<input type='text'>
    <svg-icon icon-class="bug"></svg-icon>
    <!-- icon-class svg图标名称 class-name 额外的自定义类名 @click绑定事件 -->
    <svg-icon icon-class="404" class-name="custom-class" @click="sayHi"></svg-icon>

  </div>
</template>

<script setup lang='ts'>
import { getCurrentInstance } from 'vue'
const {proxy} = getCurrentInstance()!
const sayHi = () => {
  proxy?.$message.success('恭喜你，这是一条成功消息');
}   
</script>

<style lang="scss">
  .custom-class { // 自定义样式404
    font-size: 200px;
    color: green;
  }
</style>

